<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon">
    <title>首航节能-智慧园区</title>
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/paging.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/form.css">
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css">
    <!--日历控件样式-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/operationalManagement/consumption.css">
</head>

<body>

<!--头部文件 开始-->
<div id="header"></div>
<!--头部文件 结束-->

<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu"></div>
    <!--左侧菜单 结束-->

    <!--右侧内容 开始-->
    <div class="right-container">
        <div class="right-scroll">
            <div class="t-list">
                <div class="t-list-title">
                    <h2>运营管理 > 员工消费报表 > 查询计划</h2>
                </div>

                <div class="t-list-search t-columns-3">
                    <form id="frmQueryPlan">
                        <ul class="t-columns-group">
                            <li class="timegroup">
                                <label>起止日期</label>
                                <div>
                                    <div>
                                        <input class="form_date_start bg-date" value="" placeholder="开始时间" readonly="" id="startPlanTime" name="startDate"/>
                                    </div>
                                    <span>~</span>
                                    <div>
                                        <input class="form_date_end bg-date" value="" placeholder="结束时间" readonly="" id="endPlanTime" name="endDate"/>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <a class="t-btn" id="btnSearch">
                                        <i class="icon-search"></i> 查询
                                    </a>
                                </div>
                            </li>
                        </ul>
                     </form>
                </div>

                <div class="t-list-btns">
                    <p>请求记录</p>
                    <span id="queryPlanListTotal"></span>
                </div>

                <div class="t-list-result">
                    <!-- 表格 -->
                    <table class="t-table" >
                        <thead>
                        <tr>
                            <th>查询名称</th>
                            <th>创建时间</th>
                            <th>开始时间</th>
                            <th>结束时间</th>
                            <th>正常数据/条</th>
                            <th>异常数据/条</th>
                            <th>总条数</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="queryPlanList">

                        </tbody>
                    </table>
                    <div class="loading-container"></div>
                    <!-- 分页 -->
                    <div class="pagination" id="queryPlanListPagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--版权-->
<div id="copyright"></div>
<!--确认提交计划模态框-->
<div class="modal fade bs-example-modal-sm in" id="modalPlanSubmitConfirm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 244px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示：是否提交查询计划</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div class="title"></div>
                    <div class="content">
                        <div>请确认查询时间段是否无误？</div>
                        <div>查询时间段：<span class="startPlanTimeSp"></span>至<span class="endPlanTimeSp"></span></div>
                        <div>预计查询时间：30分钟</div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-primary" id="btnConfirmSubmit">确定</button>
            </div>
        </div>
    </div>
</div>
<!--计划提交模态框-->
<div class="modal fade bs-example-modal-sm in" id="modalPlanSubmitTip" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content" style="margin-top: 244px;">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">提示：查询计划已提交</h4>
            </div>
            <div class="modal-body">
                <div class="t-list">
                    <div class="title"></div>
                    <div class="content">
                        <div>查询计划已提交，请稍后再访问此页面</div>
                        <div>查询时间段：<span class="startPlanTimeSp"></span>至<span class="endPlanTimeSp"></span></div>
                        <div>预计时间：30分钟</div>
                        <div>数据总条数：<span id="dataTotal">1000</span></div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="btnConfirm">确定</button>
            </div>
        </div>
    </div>
</div>

<!--详情模态框-->
<div class="modal fade bs-example-modal in" id="detailSelect" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
    <div class="modal-dialog modal-lg" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                <h4 class="modal-title">异常数据</h4>
                <input type="hidden" id="hidQueryPlanId" name="consumStatisticsId"/>
            </div>
            <div class="t-list-btns">
                <p>请求记录</p>
                <span id="abnormalDataTotal">(共0条数据)</span>
            </div>
            <div class="modal-body">
                <div class="t-list-result clearfix">
                    <!-- 表格 -->
                    <table class="t-table fl" id="abnormalData">
                        <thead>
                            <tr>
                                <th>员工编号</th>
                                <th>员工姓名</th>
                                <th>异常原因</th>
                            </tr>
                        </thead>
                        <tbody></tbody>
                    </table>
                    <div class="loading-container"></div>
                    <div class="pagination" id="abnormalDataPagination"></div>
                </div>
            </div>
        </div>
    </div>
</div>


<!--提示模态框-->
<div style="z-index: 9999" class="modal fade bs-example-modal-sm" id="myTip" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <i id="icon-tip" style="margin-right:6px;"></i>
                <span class="tip-info"></span>
            </div>
        </div>
    </div>
</div>


<!--提示模态框-->
<div style="z-index: 9999" class="modal fade bs-example-modal-sm" id="myLoading" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
    <div class="modal-dialog modal-sm" role="document">
        <div class="modal-content">
            <div class="modal-body" style="text-align:center;font-size:14px;">
                <img src='/cwp/src/assets/img/loading/cmcc_loading.gif' style='height:16px;display:inline;' alt=''/>
                <span class="tip-info">查询计划已提交，请稍等...</span>
            </div>
        </div>
    </div>
</div>
<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!-->
<script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script>
<!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]>
<script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>
<script src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<script src="../../../assets/common/ajaxPoster.js"></script>
<script type="text/javascript" charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>
<script src="../../../assets/common/centerModal.js"></script>
<!--bootsrtap日历控件脚本-->
<script src="../../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script src="../../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="../../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/lib/artTemplate/template.js"></script>
<script src="../../../assets/common/loaderTableTmpl.js"></script>
<script src="../../../js/operationalManagement/consumption/queryPlan.js"></script>

<script type="text/html" id="dataTmpl">
    {{each beans}}
    <tr>
        <td>{{$value.statisticsName}}</td>
        <td>{{$value.createTime}}</td>
        <td>{{$value.startTime}}</td>
        <td>{{$value.endTime}}</td>
        <td>{{$value.successCount}}</td>
        <td>{{$value.errorCount}}</td>
        <td>{{$value.totalCount}}</td>
        <td>
            <a class="t-btn t-btn-sm t-btn-blue t-btn-deal"  onclick="detailSelect('{{$value.consumStatisticsId}}')">详情</a>
        </td>
    </tr>
    {{/each}}
</script>
<script type="text/html" id="abnormalDataTmpl">
    {{each beans}}
        <tr>
            <td>{{$value.emloyeeNo}}</td>
            <td>{{$value.trueName}}</td>
            <td class="abnormalDataError">{{$value.errorDesc}}</td>
        </tr>
    {{/each}}
</script>
</body>

</html>